<!DOCTYPE html>
<meta charset="utf-8">
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<style>
@keyframes test {
  from {
    /* These properties have -webkit-* equivalents. */
    background-size: 10px 10px;
    box-shadow: 10px 10px green;
    perspective: 10px;
    transform: translate(10px, 10px);
    perspective-origin: 10px 10px;
    transform-origin: 10px 10px;
  }
}
#target {
  animation: test 1s;
  transition: all 1s;
}
</style>
<div id="target"></div>
<script>
'use strict';
async_test(t => {
  let frameWait = 5;
  function frame() {
    frameWait--;
    if (frameWait) {
      requestAnimationFrame(frame);
    } else {
      t.done();
    }
  }
  requestAnimationFrame(frame);
}, 'Don\'t crash when animating transitioned properties');
</script>
